<div id="add_user" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 800px; height:450px; margin-left: -400px; top: 10%; display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">新建用户信息</h3>
    </div>
    <div class="modal-body copy-tan" style="height:300px">
        <ul class="ul-title">
            <li><span style="color: red">*&nbsp;</span>用户名称 </li>
            <li><span style="color: red">&nbsp;</span>手机号码</li>
            <li style="margin-right:0"><span style="color: red">&nbsp;</span>邮箱</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input type="text" placeholder="用户名称" style="margin-top:5px" id="username" maxlength="10">
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input type="text" placeholder="手机号码" style="margin-top:5px" id="moblie">
                </div>
            </li>
            <li class="li1" style="border-bottom:none;margin-right:0">
                <div class="sel w410">
                    <input type="text" placeholder="邮箱" style="margin-top:5px" id="email" maxlength="20">
                </div>
            </li>
        </ul>
        <ul class="ul-title">
            <li><span style="color: red">*&nbsp;</span>姓名</li>
            <li><span style="color: red">*&nbsp;</span>性别</li>
            <li style="margin-right:0"><span style="color: red">&nbsp;</span>工号</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input type="text" placeholder="姓名" style="margin-top:5px" id="realName" maxlength="10">
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410 clearFix" style="margin-top:5px;width:67%;">
                    <div class="dropdown-list" style="float:left;width:100%">
                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
                            <div class="checked" style="width:91%;height:28px;" id="sexDiv">
                                <a href="javascript:void(0);">性别</a>
                            </div>
                            <span class="down-span"></span>
                        </div>
                        <ul class="select select-min none" style="width:162px;">
                            <li><a href="javascript:void(0);">男</a></li>
                            <li><a href="javascript:void(0);" id="s">女</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="li1" style="border-bottom:none;margin-right:0">
                <div class="sel w410">
                    <input type="text" placeholder="工号" style="margin-top:5px" id="code" maxlength="20">
                </div>
            </li>
        </ul>
        <ul class="ul-title">
            <li><span style="color: red">*&nbsp;</span>公司</li>
            <li><span style="color: red">*&nbsp;</span>部门</li>
            <li style="margin-right:0">岗位</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410 clearFix" style="margin-top:5px;width:67%;">
                    <div class="dropdown-list" style="float:left;width:100%">
                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
                            <div class="checked" style="width:91%;height:28px;" id="companyDiv">
                                <a href="javascript:void(0);" id="company">公司</a>
                            </div>
                            <span class="down-span"></span>
                        </div>
                        <ul class="select select-min none" style="width:162px;">
                            
                        </ul>
                    </div>
                    <input type="hidden" id="companySelect"/>
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410 clearFix" style="margin-top:5px;width:67%;">
                    <div class="dropdown-list" style="float:left;width:100%">
                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
                            <div class="checked" style="width:91%;height:28px;" id="departmentDiv">
                                <a href="javascript:void(0);" id="department">部门</a>
                            </div>
                            <span class="down-span"></span>
                        </div>
                        <ul class="select select-min none" style="width:162px;">
                            
                        </ul>
                    </div>
                    <input type="hidden" id="departmentSelect"/>
                </div>
            </li>
            <li class="li1" style="border-bottom:none;margin-right:0">
                <div class="sel w410 clearFix" style="margin-top:5px;width:67%;">
                    <div class="dropdown-list" style="float:left;width:100%">
                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
                            <div class="checked" style="width:91%;height:28px;" id="positionDiv">
                                <a href="javascript:void(0);" id="position">岗位</a>
                            </div>
                            <span class="down-span"></span>
                        </div>
                        <ul class="select select-min none" style="width:162px;">
                        </ul>
                    </div>
                    <input type="hidden" id="positionSelect"/>
                </div>
            </li>
        </ul>
        <div style="clear:both"></div>
        <div class="zhuangtai">
            <div class="open-off" style="width: 115px">
                <span>状态</span>
                <em class="on-off" onclick="changeS(this);"></em>
                <input type="hidden" value=""/>
            </div>
            <div class="qg-text" style="float:left">
                <textarea rows="" cols="" placeholder="备注" id="remark" maxlength="1000"></textarea>
            </div>
        </div>
    </div>
    <div class="modal-footer" style="text-align:center">
        <button class="btn btn-w140 btn-save-icon btn-h40" id="ddd" onclick="save(1);"><em style="top:10px;left:35px"></em>确定</button>
    </div>
</div>
<!-- 授权 -->
<div id="user_sh" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">用户和用户组授权</h3>
    </div>
    <div class="modal-body copy-tan">
        <ul class="ul-title">
            <li>用户名称</li>
        </ul>
        <div style="clear:both"></div>
        <ul class="u-info">
            <li class="li1" style="height: auto;line-height: 22px;width: 100%">
                <span class="s1">中石油清管一分队</span>
            </li>
        </ul>
        <div style="clear:both"></div>
        <div class="left-right">
            <span class="choice">选择用户组</span>
            <div class="main-l">
                <div class="left-ch">
                   <p class="p-top"><em></em><span>未选择用户组</span></p>
                    <ul>
                        <!-- <li><span>阴保工程师</span></li>
                        <li><span>系统管理员</span></li>
                        <li><span>超级管理员</span></li>
                        <li><span>超级管理员</span></li>
                        <li><span>超级管理员</span></li>
                        <li><span>超级管理员</span></li>
                        <li><span>普通用户</span></li>
                        <li><span>角色5</span></li> -->
                    </ul>
                </div>
                <div class="middle-ch">
                  <p class="p-fi"><img class="left-icon" src="${resourcePath}/images/setting/right.png" alt=""/></p>
                  <p><img class="right-icon"src="${resourcePath}/images/setting/left.png" alt=""/></p>
                </div>
                <div class="right-ch">
                   <p class="p-top"><em></em><span>已选择用户组</span></p>
                    <ul>
                        <!-- <li><span>角色5</span></li>
                        <li><span>角色5</span></li> -->
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer" style="text-align:center">
        <button class="btn btn-w140 btn-save-icon btn-h40" id="ddd" onclick="saveAuthorize(1);"><em style="top:10px;left:35px"></em>确定</button>
    </div>
</div>
<form id="exportForm" action="${pageContext.request.contextPath}/settings/user/exportUser.html" style="display: none;" method="post">
    <input type="text" name="username" />
    <input type="text" name="company" />
    <input type="text" name="department" />
</form>